
#wrapper {
background-image:url(../images/clock/maingbg.png); 
}

 h1 {
    color:#0000FF;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size:30px;
    text-align: center;
  /*  margin-top:200px; */
    font-weight: normal;
}
h4 {
    color:#0000FF;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    /*text-transform: uppercase;*/
    font-size:18px;
    text-align: center;
    margin-top:30px;
    font-weight: normal;
}

.clock {
    width:845px;
    margin:0 auto;
    margin-top:50px; 
    background-image:url(../images/clock/maingbg.png); 
 }

.clock_days {
    float:left;
    margin-right:30px;
 
}
.clock_hours {
    float:left;
    margin-right:30px;
}
.clock_minutes {
    float:left;
    margin-right:30px;
}
.clock_seconds {
    float:left;
}

 .bgLayer { 
   /* background-image:url(../images/clock/bg.png); */
    background-repeat:no-repeat;
    position:relative; 
}

.topLayer { 
    position:absolute; 
    background-image:url(../images/clock/top.png); /**/
    width:188px;
    height:188px;
    background-repeat:no-repeat;
}

 .text { position:absolute; top:45px; left:42px; width:100px;  height:100px;}

 .val {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:47px;
    font-weight:bold;
    color:#FFF;
    text-align:center;
    line-height:50px;
    margin-top:15px;
    width:100px;
      padding:0;
    margin:0;
}

 .type_days {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#ff6565;
    width:100px;
    text-align:center;
    font-size:13px;
    line-height:20px;
    font-weight:bold;
    text-transform:uppercase;
}

.type_hours {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#378cff;
    width:100px;
    text-align:center;
    font-size:13px;
    line-height:20px;
    font-weight:bold;
    text-transform:uppercase;
}

.type_minutes {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#9cdb7d;
    width:100px;
    text-align:center;
    font-size:13px;
    line-height:20px;
    font-weight:bold;
    text-transform:uppercase;
}

.type_seconds {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#ffdc50;
    width:100px;
    text-align:center;
    font-size:13px;
    line-height:20px;
    font-weight:bold;
    text-transform:uppercase;
}

.divider {
	width:960px;
	height:71px;
	background-image:url(../img/diviers.png);
	float:left;
	margin-top:50px;
}

 .divider p { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px; 
	color:#FFF; 
	line-height:70px;
	text-align:center;
}

 .divider a {
	color:#39F;
	text-decoration:none;
}

 .divider a:hover {
	color:#FFF;
}